<template>
	<view class="params_text" :style="'background-color:'+item.style.bgColor">
		<view class="params_box wlkflex" :style="'border-bottom:'+item.style.border+';justify-content:'+[item.style.titlePosition=='false'?'space-between;align-items: flex-start':'center']">
			<view :style="'width:'+[item.style.titlePosition=='false'?[item.params.more=='true'?'70%':'100%']:'100%']+';text-align:'+[item.style.titlePosition=='false'?'left':'center']">
				<view class="title" :style="'width:100%'+';color:'+item.style.titleColor+';font-size:'+(item.style.titleSize*2)+'rpx;font-weight:'+item.style.titleWeight">{{item.params.title}}</view>
				<view class="desc" :style="'width:100%'+';color:'+item.style.descColor+';font-size:'+(item.style.descSize*2)+'rpx;font-weight:'+item.style.descWeight">{{item.params.desc}}</view>
			</view>
			<view  @click="wlktools.glbbuttonfun(item.data)" v-if="item.params.more=='true'" style="display: flex;align-items: center" :style="'width:'+[item.style.titlePosition=='false'?'20%;text-align:right':'100%;text-align:center']+';color: '+item.style.moreColor">
				<text style="font-size: 24rpx" v-if="item.params.moreType=='1' || item.params.moreType=='2'">{{item.params.moreTitle}}</text>
				<view  v-if="item.params.moreType=='1' || item.params.moreType=='3'"><u-icon :color="item.style.moreColor" name="arrow-right"></u-icon></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['item'],
		data() {
			return {
				
			};
		},
		watch: {
		},
		computed: {
		},
		mounted(){
		},
		methods: {
		}
	};
</script>
<style>
	.params_text{
		padding: 20rpx 0rpx;
	}
    .menu swiper-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
    }
</style>

